<template>
  <div class="main">
    <div>
      <!-- <img class="logo" src="../assets/logo/huixuanjiao.png" alt="logo" /> -->
      <h1>{{ title }}</h1>
    </div>
  </div>
</template>

<script setup>
import cache from "@/plugins/cache";
import { ref } from "vue";
const title = ref("家庭教育系统");
const areaCode = ref(null);
const dataUrl = ref("");
const qrCodeUrl = ref("");
const channelUrl = ref("");
const getAreaCode = async () => {
  let result = await getAreaCodeByMiType(miType);
  if (result.code == 200) {
    areaCode.value = result.data || null;
  }
};
const init = () => {
  let obj = menu[menu.length - 1];
  console.log(obj);
  obj.children.map((item) => {
    if (item.meta.title == "点位管理" || item.meta.title == "二维码列表") {
      qrCodeUrl.value = obj.path + "/" + item.path;
    }
    if (item.meta.title == "日周数据" || item.meta.title == "宣传数据") {
      dataUrl.value = obj.path + "/" + item.path;
    }
    if (item.meta.title == "点位数据" || item.meta.title == "渠道状态") {
      channelUrl.value = obj.path + "/" + item.path;
    }
  });
};
onMounted(() => {
 // getAreaCode();
  //init();
});
</script>

<style lang="scss" scoped>
.main {
  height: calc(100vh - 170px);
  padding: 0 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

  h1 {
    line-height: 100px;
    font-size: 50px;
  }
  .logo {
    width: 600px;
    margin: 50px auto;
  }
  .box {
  }
  .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 80px;
    .col {
      img {
        width: 200px;
        height: 200px;
      }
      .title {
        color: #000000;
        font-weight: 400;
        font-size: 30px;
      }
    }
  }
}
</style>